@import '@/uni_modules/uview-ui/theme.scss';

$brand-theme-color:#EC544F;
$brand-theme-color-aux:#576b95;
$page-bg-color:#f7f7f7;
$border-color:#e0e0e0;
$border-color-light:#efefef;

$text-font-color1:#000;
$text-font-color2:#666;
$text-font-color3:#a7a7a7;
*{ box-sizing: border-box;}
@mixin flex-box{
	 display: flex; align-items: center; justify-content: space-between;
}
.m{ padding: 0 30rpx;}
@mixin flex-box-set($jc:center,$al:center){
	@include flex-box();
	@if($jc == center){
		justify-content: center;
	}
	@if($jc == start){
		justify-content: flex-start;
	}
	@if($jc == end){
		justify-content: flex-end;
	}
	@if($jc == between){
		justify-content: space-between;
	}
	@if($al == center){
		align-items: center;
	}
	@if($al == start){
		align-items: flex-start;
	}
	@if($al == end){
		align-items: flex-end;
	}
	@if($al == between){
		align-items: space-between;
	}
}

@mixin ellipsis($row:1){
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:$row;
	line-clamp:$row;
	-webkit-box-orient:vertical;
}